<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>C2C-shopping</title>
    <link rel="stylesheet" href="./CSS/index.css">
</head>
<body>
 <!-- 头部 -->
 <div class="head">
    <div class="head_top">
        <div class="top_between">
            <div class="top_a">
                <div class="nav" s>
                    <ul>
                        <li>
                        <form action="IndexServelt" method="post" style="display: inline;">
                            <input type="submit" name="submit" value="C2C辰" class="button_all" />
                       </form>
                        </li>
                        
                        <li><a href="#">Flyme</a></li>
                        <li><a href="#">Android</a></li>
                        <li><a href="#">社区</a></li>
                        <div class="nav-box"></div>
                    </ul>
                </div>
            </div>
            <div class="top_b" >

                <!-- 用户资料 -->
                <div class="username">
                    <a href="#" class="usernamec"><em class="u_iconfont"><img src="./images/user.png"></em>id</a>
                    <!-- 用户资料x'x展开 -->
                    <div class="u_menu">
                        <div class="u_menu_left">
                            <img src="./images/userimage.jpg" alt="">
                        </div>
                        <div class="u_menu_right">
                                <p>账号：</p>
                                <p>密码：</p>
                                <p>邮箱：</p>
                        </div>
                    </div>
                </div>

                <!-- 注销 -->
                <div class="newuser"><a href="./login.html">注销</a></div>
            </div>

            <div class="top_c">
<!--                    购物车 -->
                <div class="shopcar">
                    <a href="#" class="shopcarc"><em class="u_iconfont"><img src="./images/shopcar.png"></em>购物车</a>
                    <!-- 用户资料x'x展开 -->
                    <div class="shopcar_menu" style="overflow-y:auto">
                        <!-- 卡片模板 -->
                            <div class="shopcar_all" onclick="window.open('./deetails.html')">
                                <div class="shopcar_all_name">
                                    <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                                </div>
                                <div class="shopcar_all_text">
                                    <a href="#">魅族 18s Pro</a>
                                </div>
                                <div class="shopcar_all_price">
                                    <a href="#">￥2299</a>
                                </div>
                            </div>
                            <div class="shopcar_all" onclick="window.open('./deetails.html')">
                                <div class="shopcar_all_name">
                                    <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                                </div>
                                <div class="shopcar_all_text">
                                    <a href="#">魅族 18s Pro</a>
                                </div>
                                <div class="shopcar_all_price">
                                    <a href="#">￥2299</a>
                                </div>
                            </div>
                        
                       
                        
                      <!-- <c:forEach items="${listc }" var="sh">
                        <!- 卡片模板 -->
                        <!-- <div class="shopcar_all">
                            <div style="display: none;"><h5>${sh.cid}</h5></div>
                            <div class="shopcar_all_name">
                                <a href="IndexServelt?action=loadallc&cid=${sh.cid}"><img src="${sh.curl}" alt=""></a>
                            </div>
                            <div class="shopcar_all_text">
                                <a href="#">${sh.cname}</a>
                            </div>
                            <div class="shopcar_all_price">
                                <a href="#">${sh.cprice}</a>
                            </div>
                        </div>
                      </c:forEach> -->

                        
                       
                     </div>
                </div>
            </div>
        </div>
    </div>

    <div class="head_under">
        <div class="under_between">
            <!-- logo -->
            <div class="logo">

                <h2>C2C</h2>
            </div>

            <!-- 导航栏 -->
            <div class="top_between_second">
                <div class="between_second_fisrt">
                    <a href="#" class="firstc">手机专区</a>
                    <div class="first_menu">

                    
                        <!-- /* 商品列表 target="_blank" */ -->
                        <div class="menu_between">
                        
                        <c:forEach items="${list }" var="ph">
                            <div class="menu_shopall" onclick="window.open('./deetails.html')">
                                <div style="display: none;"><h5>${ph.pid}</h5></div>
                                <div class="menu_shopall_a">
                                    <a href="#" target="_blank"><img src="https://wwwstatic.vivo.com.cn/vivoportal/files/image/detail/20221117/46567246dfbb931eed633910dd88806e.png" alt=""></a>
                                </div>
                                <div class="menu_shopall_b">
                                    <a href="#">OPPO Findx5</a>
                                </div>
                                <div class="menu_shopall_c">
                                    <a href="#">2999</a>
                                </div>
                            </div>
                        </c:forEach>
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202209/gbom/6941487279265/800_800_E248E6B62422E2D8620909D13EE1C71Amp.png" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">华为P50</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/53/10007953_1669636421605_750x750.png.webp" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">IQOO 11</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1670747130.70537280.png" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">小米 13Pr0</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">魅族 18s Pro</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>


                        </div>
                    </div>
                </div>





                <div class="between_second_second">
                    <a href="#" class="secondc">外设专区</a>
                    <div class="second_menu">
                        <!-- /* 商品列表 */ -->
                        <div class="menu_between" onclick="window.open('./deetails.html')">
                            <div class="menu_shopall">
                                <div class="menu_shopall_a">
                                    <a href="#"><img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt=""></a>
                                </div>
                                <div class="menu_shopall_b">
                                    <a href="#">魅族 18s Pro</a>
                                </div>
                                <div class="menu_shopall_c">
                                    <a href="#">￥2299起</a>
                                </div>
                            </div>
                            
<!--                             
                            <c:forEach items="${listt }" var="to">
                            <div class="menu_shopall">
                                <div style="display: none;"><h5>${to.tid}</h5></div>
                                <div class="menu_shopall_a">
                                    <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="${to.turl}" alt=""></a>
                                </div>
                                <div class="menu_shopall_b">
                                    <a href="#">${to.tname}</a>
                                </div>
                                <div class="menu_shopall_c">
                                    <a href="#">${to.tprice}</a>
                                </div>
                            </div>
                        </c:forEach> -->
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202209/gbom/GB57010044/800_800_4C37B553202EE0E99465091D169E49D3mp.png" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">华为问界</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥22999起</a>
                            </div>
                        </div>
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://openfile.meizu.com/group1/M00/09/F9/Cgbj0GNYhuqAftkpAAYqivnOkRI086.jpg680x680.jpg" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">PANDAER 65W GaN</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥229起</a>
                            </div>
                        </div>
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://pic2.zhimg.com/v2-b8424bab19f6569d88136b7a48082b7d_b.webp" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">rap</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥999起</a>
                            </div>
                        </div>
                        <div class="menu_shopall" onclick="window.open('./deetails.html')">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1628162459.67483588.jpg" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">小米电视大师 77OLED</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥9999起</a>
                            </div>
                        </div>


                        </div>
                    </div>

                </div>

                
                <div class="between_second_third">
                    <a href="#" class="thirdc">智能硬件</a>
                </div>
                <div class="between_second_forth">
                    <a href="#" class="forthc">服务</a>
                </div>
            </div>

            <!-- 搜索栏 -->
            <div class="top_between_third">
                <form action="IndexServelt?action=search" method="post" name="form_inserch" class="serch_all">
                <div class="inserach">
                    <div class="input">
                        <input type="text" class="inputc" id="namec" name="name">
                    </div>
                    <div class="serach_ico">
                            <!-- <img src="./images/serach.png" alt="">
                            <input type="submit" name="surei"> -->
                            <input type = "image" name = "sure" src = "./images/serach.png" inclick ="document.form_inserch.submit()" class="input_image">
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 菜单-轮播图 -->
<div class="bodyc">
    
    <div class="home_a">
        <!-- 热门推荐 -->
        <div class="home_a_first all">
            <a href="#" class="home_a_firstc">热门推荐</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_first_menu">
                
                <div class="first_a title">
                    <li>手机</li>
                </div>
                <div class="first_b">
                    <c:forEach items="${list }" var="ph">
                
                    <div class="firstall" onclick="window.open('./deetails.html')">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                        <a href="IndexServelt?action=loadall&pid=${ph.pid }" target="_blank">
                            <img src="${ph.purl}" alt="">
                        </a>
                        <h5>${ph.pname}</h5>>
                    </div>
                    </c:forEach>
                
                    <div class="firstall" onclick="window.open('./deetails.html')">
                        <a href="#">
                            <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                        </a>
                        <h5>魅族 18s Pro</h5>
                    </div>
                    <div class="firstall" onclick="window.open('./deetails.html')">
                        <a href="#">
                            <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                        </a>
                        <h5>魅族 18s Pro</h5>
                    </div>
                    <div class="firstall" onclick="window.open('./deetails.html')">
                        <a href="#">
                            <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                        </a>
                        <h5>魅族 18s Pro</h5>
                    </div>
                    <div class="firstall" onclick="window.open('./deetails.html')">
                        <a href="#">
                            <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                        </a>
                        <h5>魅族 18s Pro</h5>
                    </div>
                    <div class="firstall" onclick="window.open('./deetails.html')">
                        <a href="#">
                            <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                        </a>
                        <h5>魅族 18s Pro</h5>
                    </div>
                </div>
                <div class="first_c title">
                    <li>外设配件</li>
                </div>
                <div class="first_d">

                
           
                <c:forEach items="${listt }" var="to">
                
                    <div class="firstall" onclick="window.open('./deetails.html')">
                            <div style="display: none;"><h5>${to.tid}</h5></div>
                        <a href="#" target="_blank" style="font-size: 5px;">IndexServelt?action=loadallt&tid=${to.tid }
                            <img src="${to.turl}" alt="">
                        </a>
                        <h5>${to.tname}</h5>>
                    </div>
                </c:forEach>
                    
                </div>
            </div>
        </div>
        <!-- 声学 -->
        <div class="home_a_second all">
            <a href="#" class="home_a_secondc allc">声学</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_second_menu">
                <div class="second_a"></div>
                <div class="second_b">
                    <div class="secondall"></div>
                    <div class="secondall"></div>
                    <div class="secondall"></div>
                    <div class="secondall"></div>
                    <div class="secondall"></div>
                </div>
                <div class="second_c"></div>
                <div class="second_d"></div>
            </div>
        </div>
        <!-- 手机 -->
        <div class="home_a_third all">
            <a href="#" class="home_a_thirdc allc">手机</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_third_menu">
            </div>
        </div>
        <!-- 配件 -->
        <div class="home_a_forth all">
            <a href="#" class="home_a_forthc">配件</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_forth_menu">
            </div>
        </div>
        <!-- Flyme -->
        <div class="home_a_fifth all">
            <a href="#" class="home_a_fifthc">Flyme</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_fifth_menu">
            </div>
        </div>
        <!-- Lipro -->
        <div class="home_a_sixth all ">
            <a href="#" class="home_a_sixthc">Lipro</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_sixth_menu">
            </div>
        </div>
        <!-- PANDAER -->
        <div class="home_a_seventh all">
            <a href="#" class="home_a_seventhc">PANDAER</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_seventh_menu">
            </div>
        </div>
        <!-- 周边配件 -->
        <div class="home_a_eigth all">
            <a href="#" class="home_a_eigthc">周边配件</a>
            <img src="./images/right01.png" alt="">
            <div class="home_a_eigth_menu">
            </div>
        </div>
    </div>

    <!-- 底层轮播图 -->
    <div class="home_b">
        <div class="box">
            <div class="box-img"><img src="./images/image1c.png" alt="" /></div>
            <div class="box-img" ><img src="./images/image1.jpg" alt="" ></div>
            <div class="box-img"><img src="./images/image5c.jpg" alt=""></div>
            <div class="box-img"><img src="./images/image2.webp" alt="" ></div>
            <div class="box-img"><img src="./images/image4c.jpg" alt=""></div>
            <div class="box-left">&lt;</div>
            <div class="box-right">&gt;</div>
            <div class="box-zero">
                <ul>
                    <li class="botton"></li>
                    <li class="botton"></li>
                    <li class="botton"></li>
                    <li class="botton"></li>
                    <li class="botton"></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 商品 -->
<div class="bodyp">
    <!-- 四海报 -->
    <div class="body_b">
        <div class="body_card1 cardf">
            <div class="card_top1">
                <a href="#">PANDAER</a>
            </div>
            <div class="card_top2">
                <a href="#">科技周边 | meizu</a>
            </div>
            <div class="card_under">
                <img src="./images/a3.jpg" alt="pander">
            </div>
        </div>
        <div class="body_card2 cardf">
            <div class="card_top1">
                <a href="#">魅族 18s PRO</a>
            </div>
            <div class="card_top2">
                <a href="#">超声波指纹  | AR 全场景影像 </a>
            </div>
            <div class="card_under">
                <img src="./images/a5.jpg" alt="pander" style="width: 180px; height: 100px;top: 17px;">
            </div>
        </div>
        <div class="body_card3 cardf">
            <div class="card_top1">
                <a href="#">魅蓝 lifeme LP51 圈铁耳机</a>
            </div>
            <div class="card_top2">
                <a href="#">同轴双动圈 | 超高频双动铁</a>
            </div>
            <div class="card_under">
                <img src="./images/a6.jpg" alt="pander">
            </div>
        </div>
        <div class="body_card4 cardf">
            <div class="card_top1">
                <a href="#">PANDAER</a>
            </div>
            <div class="card_top2">
                <a href="#">科技周边 | meizu</a>
            </div>
            <div class="card_under">
                <img src="./images/a3.jpg" alt="pander">
            </div>
        </div>
    </div>
    <!-- 功能横条 -->
    <div class="body_a">
        <div class="a1">
            <img src="./images/phone1.png" alt="">
            <h2>魅族 18s Pro  </h2>
            <a href="#">R 全场景影像 | 超声波指纹</a>
        </div>
        <div class="a2">
            <div class="a2a">
                <img src="./images/juan2.png" alt="优惠券" class="a2img" style="width: 35px; height: 35px;transform: translate(130%,40%);">
                <a href="#" class="a2a_a">白嫖中心</a>
            </div>
            <div class="a2a">
                <img src="./images/huanxin.webp" alt="以旧换新" class="a2img">
                <a href="#" class="a2a_a">无限换新</a>
            </div>
            <div class="a2a">
                <img src="./images/anquan.png" alt="安全保障" class="a2img">
                <a href="#" class="a2a_a">出门不保</a>
            </div>
            <div class="a2a">
                <img src="./images/flyme.ico" alt="Flyme" class="a2img" style="transform: translate(112%,40%);">
                <a href="#" class="a2a_a">Flyme</a>
            </div>
        </div>
        <div class="a3">
            <div class="userimage">
                <img src="./images/userimage.jpg" alt="头像">
            </div>
            <div class="usernamea" style="font-size: 5px;" >
                <h1 style="font-size: 5px;"><%= session.getAttribute("uid") %></h1>
                <a href="#" style="font-size: 5px;">购物车: </a><a href="#"  style="color: #1baefe" font-size: 5px;>${listc[0].sum}</a>
                <a href="#" style="margin-left: 40px;" style="font-size: 5px;">密码：<%= session.getAttribute("upassword") %></a>
            </div>
        </div>
    </div>
    <!-- 大海报 -->
    <div class="body_add"  onclick="window.open('./deetails.html')">
        <a href="IndexServelt?action=loadall&pid=p04" target="_blank"><img src="./images/bigimage.jpg" alt=""></a>

    </div>
    <!-- 商品柜 -->
    <div class="body_c">
        <div class="titlea" >
            <h2 class="titleh2">热门推荐</h2>
        </div>
        <div class="shop">
            <div class="shopf">
                <img src="./images/shopf.jpg" alt="第一张海报">
            </div>


        <c:forEach items="${list }" var="ph">
            <div class="shopall" onclick="window.open('./deetails.html')">
                <div style="display: none;"><h5>${ph.pid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadall&pid=${ph.pid }" target="_blank"><img src="${ph.purl}" alt=""></a>
                </div>
                <div class="shopall_b">
                    <a href="#">${ph.pname}</a>
                </div>
                <div class="shopall_c">
                    <a href="#">${ph.pprice}</a>
                </div>
            </div>
            
          </c:forEach>

            <div class="shopall" onclick="window.open('./deetails.html')">
                <div style="display: none;"><h5>${ph.pid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadall&pid=${ph.pid }" target="_blank"><img src="https://wwwstatic.vivo.com.cn/vivoportal/files/image/detail/20221117/46567246dfbb931eed633910dd88806e.png" alt=""></a>
                </div>
                <div class="shopall_b">
                    <a href="#">vivo S9</a>
                </div>
                <div class="shopall_c">
                    <a href="#">$999</a>
                </div>
            </div>
            <div class="shopall" onclick="window.open('./deetails.html')">
                <div style="display: none;"><h5>${ph.pid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadall&pid=${ph.pid }" target="_blank"><img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202209/gbom/6941487279265/800_800_E248E6B62422E2D8620909D13EE1C71Amp.png" alt=""></a>
                </div>
                <div class="shopall_b">
                    <a href="#">vivo S9</a>
                </div>
                <div class="shopall_c">
                    <a href="#">$999</a>
                </div>
            </div>
            <div class="shopall" onclick="window.open('./deetails.html')">
                <div style="display: none;"><h5>${ph.pid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadall&pid=${ph.pid }" target="_blank"><img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202209/gbom/6941487279265/800_800_E248E6B62422E2D8620909D13EE1C71Amp.png" alt=""></a>
                </div>
                <div class="shopall_b">
                    <a href="#">vivo S9</a>
                </div>
                <div class="shopall_c">
                    <a href="#">$999</a>
                </div>
            </div>
            <div class="shopall" onclick="window.open('./deetails.html')">
                <div style="display: none;"><h5>${ph.pid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadall&pid=${ph.pid }" target="_blank"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1670747130.70537280.png" alt=""></a>
                </div>
                <div class="shopall_b">
                    <a href="#">vivo S9</a>
                </div>
                <div class="shopall_c">
                    <a href="#">$999</a>
                </div>
            </div>
            <div class="shopall" onclick="window.open('./deetails.html')">
                <div style="display: none;"><h5>${ph.pid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadall&pid=${ph.pid }" target="_blank"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1670747130.70537280.png" alt=""></a>
                </div>
                <div class="shopall_b">
                    <a href="#">vivo S9</a>
                </div>
                <div class="shopall_c">
                    <a href="#">$999</a>
                </div>
            </div>
           
           
           
           
        </div>


        <!-- 外设 -->
        <div class="titleb" >
            <h2 class="titleh2">外设配件</h2>
        </div>
        <div class="tool">
        

     <!-- 循环体 -->
                        
      <c:forEach items="${listt }" var="to">
        <div class="shopall" onclick="window.open('./deetails.html')">
            <div style="display: none;"><h5>${to.tid}</h5></div>
            <div class="shopall_a">
                <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="${to.turl}" alt="商品照片"></a>
            </div>
            <div class="shopall_b">
                <a href="#">${to.tname}</a>
            </div>
            <div class="shopall_c">
                <a href="#">${to.tprice}</a>
            </div>
        </div>
       </c:forEach>


        <div class="shopall" onclick="window.open('./deetails.html')">
            <div class="shopall">
                <div style="display: none;"><h5>${to.tid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="https://openfile.meizu.com/group1/M00/09/F9/Cgbj0GNYhuqAftkpAAYqivnOkRI086.jpg680x680.jpg" alt="商品照片"></a>
                </div>
                <div class="shopall_b">
                    <a href="#">${to.tname}</a>
                </div>
                <div class="shopall_c">
                    <a href="#">${to.tprice}</a>
                </div>
            </div>
        </div>
        
        <div class="shopall" onclick="window.open('./deetails.html')">
            <div class="shopall">
                <div style="display: none;"><h5>${to.tid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202209/gbom/GB57010044/800_800_4C37B553202EE0E99465091D169E49D3mp.png" alt="商品照片"></a>
                </div>
                <div class="shopall_b">
                    <a href="#">${to.tname}</a>
                </div>
                <div class="shopall_c">
                    <a href="#">${to.tprice}</a>
                </div>
            </div>
        </div>
        
        <div class="shopall" onclick="window.open('./deetails.html')">
            <div class="shopall">
                <div style="display: none;"><h5>${to.tid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202209/gbom/6941487222865/800_800_AA9DBAA797633A14F84309B161392F75mp.png" alt="商品照片"></a>
                </div>
                <div class="shopall_b">
                    <a href="#">${to.tname}</a>
                </div>
                <div class="shopall_c">
                    <a href="#">${to.tprice}</a>
                </div>
            </div>
        </div>
        
        <div class="shopall" onclick="window.open('./deetails.html')">
            <div class="shopall">
                <div style="display: none;"><h5>${to.tid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="https://dsfs.oppo.com/omp/1646102910959-_-054e3142d402458ebc8914847d42c35d.png?_w_=1080&_h_=1081&x-oss-process=image/format,webp" alt="商品照片"></a>
                </div>
                <div class="shopall_b">
                    <a href="#">${to.tname}</a>
                </div>
                <div class="shopall_c">
                    <a href="#">${to.tprice}</a>
                </div>
            </div>
        </div>
        
        <div class="shopall" onclick="window.open('./deetails.html')">
            <div class="shopall">
                <div style="display: none;"><h5>${to.tid}</h5></div>
                <div class="shopall_a">
                    <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1628162459.67483588.jpg" alt="商品照片"></a>
                </div>
                <div class="shopall_b">
                    <a href="#">${to.tname}</a>
                </div>
                <div class="shopall_c">
                    <a href="#">${to.tprice}</a>
                </div>
            </div>
        </div>
        
        
        </div>



    </div>
</div>

<!-- 页脚 -->
<div class="footer">
    <div class="footer_between">
        <div class="footer_top">
            <div class="footer_top_1"></div>
            <div class="footer_top_2">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_3">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/1998f0da-a439-4e07-9736-e6a1c39fb0ae.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_4">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_5">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/1998f0da-a439-4e07-9736-e6a1c39fb0ae.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_6">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_7"></div>
            <div class="footer_top_8">
                <div class="autor1">
                    <li>C2C商城</li>
                </div>
                <div class="autor2">
                    <li>20215120222 &nbsp;&nbsp;</li>
                </div>
            </div>
        </div>
        <div class="footer_under">
            <a href="#">了解C2C | 加入我们 |联系我们 | 简体中文
                ©2022 Meizu Telecom Equipment Co., Ltd. All Rights Reserved.    粤ccc备ccccccccc号-2合字B2-ccc 营业执照法律声明粤公网安备 cccccccccccc 号
                </a>
        </div>
    </div>
</div>

</body>
<script src="./js/index.js"></script>
<script  type="text/javascript" src="./js/jquery-3.6.1.min.js"></script>
<script  type="text/javascript" src="./js/box.js"></script>
</html>